<!--<template>-->
<!--  <a-card :bordered="false">-->
<!--    <div class="table-page-search-wrapper">-->
<!--      <a-form layout="inline">-->
<!--        <a-row :gutter="48">-->

<!--          <a-col :md="8" :sm="24">-->
<!--            <a-form-item label="物料名称">-->
<!--              <a-input v-model="queryParam.materialName" placeholder="请输入物料名称"/>-->
<!--            </a-form-item>-->
<!--          </a-col>-->

<!--          <a-col :md="8" :sm="24">-->
<!--            <a-form-item label="编号">-->
<!--              <a-input v-model="queryParam.materialCode" placeholder="请输入编号"/>-->
<!--            </a-form-item>-->
<!--          </a-col>-->

<!--          <a-col :md="!advanced && 8 || 24" :sm="24">-->
<!--            <span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} ">-->
<!--              <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>-->
<!--              <a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>-->
<!--            </span>-->
<!--          </a-col>-->

<!--          <a-col :md="24" :sm="24">-->
<!--            <a-form-item label="供应商：">-->
<!--              <FCOrgRadioGroup v-model="queryParam.orgIdSupplier"-->
<!--                               :filter-types="[$businessEnum.ORG_TYPE_ENUM.NORMAL_SUPPLIER.id,$businessEnum.ORG_TYPE_ENUM.PRIMARY_SUPPLIER.id]"/>-->
<!--            </a-form-item>-->
<!--          </a-col>-->

<!--          <a-col :md="24" :sm="24">-->
<!--            <a-form-item label="归属公司：">-->
<!--              <FCOrgRadioGroup v-model="queryParam.orgIdCompany"-->
<!--                               :filter-types="[$businessEnum.ORG_TYPE_ENUM.COMPANY.id]"/>-->
<!--            </a-form-item>-->
<!--          </a-col>-->

<!--        </a-row>-->
<!--      </a-form>-->
<!--    </div>-->

<!--    <div class="table-operator">-->
<!--      <a-button type="primary" @click="$refs.addForm.add({materialType: type})">新增</a-button>-->
<!--      <a-button type="primary" @click="$refs.toPoolForm.add({materialType: type, poolType: ORDER_TYPE_ENUM.purchaseOrder.id,selectedRows})">录入采购池</a-button>-->
<!--      <a-button type="primary" @click="$refs.toPoolForm.add({materialType: type, poolType: ORDER_TYPE_ENUM.inOrder.id,selectedRows})">无单入库</a-button>-->
<!--      <a-button type="primary" @click="$refs.toPoolForm.add({materialType: type, poolType: ORDER_TYPE_ENUM.outOrder.id,selectedRows})">无单出库</a-button>-->
<!--    </div>-->

<!--    <s-table-->
<!--      ref="table"-->
<!--      size="default"-->
<!--      :columns="columnsDynamic"-->
<!--      :data="loadData"-->
<!--      :alert="true"-->
<!--      :rowKey="(record) => record.materialId"-->
<!--      :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"-->
<!--    >-->

<!--      <template slot="image" slot-scope="text, record">-->
<!--        &lt;!&ndash;        为了防止有多张图片，只显示第一张&ndash;&gt;-->
<!--        <img class="table-image"-->
<!--             :src='$util.formatImageUrl(text)'-->
<!--             @click='preview($util.formatImageUrl(text))'>-->
<!--      </template>-->

<!--      <span slot="actionMaterial" slot-scope="text, record">-->
<!--        <a @click="$refs.editForm.edit(record, {'readonly':true})">详情</a>-->
<!--        <a-divider type="vertical"/>-->
<!--        <a @click="$refs.editForm.edit(record)">编辑</a>-->
<!--        <a-divider type="vertical"/>-->
<!--        <a @click="">使用情况(*)</a>-->
<!--&lt;!&ndash;        <a-divider type="vertical"/>&ndash;&gt;-->
<!--&lt;!&ndash;        <a-popconfirm placement="topRight" title="确认删除？" @confirm="() => del(record)">&ndash;&gt;-->
<!--&lt;!&ndash;          <a>删除</a>&ndash;&gt;-->
<!--&lt;!&ndash;        </a-popconfirm>&ndash;&gt;-->
<!--      </span>-->

<!--      <span slot="actionProduct" slot-scope="text, record">-->
<!--        <a @click="$refs.editForm.edit(record)">详情(可省略?)</a>-->
<!--        <a-divider type="vertical"/>-->
<!--        <a @click="$refs.editForm.edit(record)">编辑</a>-->
<!--      </span>-->
<!--    </s-table>-->

<!--    <a-modal :visible="previewVisible" :footer="null" @cancel="previewVisible = false">-->
<!--      <img style="width: 100%" :src="previewImage"/>-->
<!--    </a-modal>-->
<!--    <add-form ref="addForm" @ok="handleOk"/>-->
<!--    <edit-form ref="editForm" @ok="handleOk"/>-->
<!--    <to-pool-form ref="toPoolForm" @ok="handleOk"/>-->

<!--  </a-card>-->
<!--</template>-->

<!--<script>-->
<!--import {STable} from '@/components'-->
<!--import {del, page} from '@/api/modular/main/emsmaterial/emsMaterialManage'-->
<!--import addForm from './emsMaterialAddForm'-->
<!--import editForm from './emsMaterialEditForm'-->
<!--import toPoolForm from './emsMaterialToPoolForm1'-->
<!--import Vue from 'vue'-->
<!--import {ACCESS_TOKEN} from '@/store/mutation-types'-->
<!--import {list as emsOrgList} from '@/api/modular/main/emsorg/emsOrgManage'-->
<!--import {getUrlParam, MATERIAL_TYPE_ENUM, ORDER_TYPE_ENUM, ORG_TYPE_ENUM} from '@/utils/util'-->
<!--import FCOrgRadioGroup from '@/components/FcOrgRadioGroup/FCOrgRadioGroup'-->

<!--export default {-->
<!--  components: {-->
<!--    FCOrgRadioGroup,-->
<!--    STable,-->
<!--    addForm,-->
<!--    editForm,-->
<!--    toPoolForm-->
<!--  },-->

<!--  data() {-->
<!--    return {-->
<!--      advanced: false, // 高级搜索 展开/关闭-->
<!--      queryParam: {},  // 查询参数-->
<!--      // 加载数据方法 必须为 Promise 对象-->
<!--      loadData: parameter => {-->
<!--        this.queryParam.materialType = this.materialType-->
<!--        return page(Object.assign(parameter, this.queryParam)).then((res) => {-->
<!--          return res.data-->
<!--        })-->
<!--      },-->
<!--      selectedRowKeys: [],-->
<!--      selectedRows: [],-->
<!--      defaultExpandedKeys: [],-->
<!--      replaceFields: {-->
<!--        key: 'id',-->
<!--      },-->
<!--      previewVisible: false,-->
<!--      previewImage: '',-->
<!--      orgList: [],-->
<!--      suppliers:[],-->
<!--      orgs:[],-->
<!--      viewState: ''-->
<!--    }-->
<!--  },-->
<!--  computed: {-->
<!--    type() {-->
<!--      let viewState = this.routePath.viewState-->
<!--      let mt = MATERIAL_TYPE_ENUM[viewState]-->
<!--      return mt ? mt : {}-->
<!--    },-->
<!--    ORDER_TYPE_ENUM() {-->
<!--      return ORDER_TYPE_ENUM-->
<!--    },-->
<!--    routePath() {-->
<!--      let urlParam = getUrlParam(this.$route.path)-->
<!--      return urlParam-->
<!--    },-->
<!--    materialType() {-->
<!--     let mt = MATERIAL_TYPE_ENUM[this.routePath.viewState]-->
<!--      return mt ? mt.id : ''-->
<!--    },-->
<!--    columnsDynamic() {-->
<!--      let viewState = this.routePath.viewState-->
<!--      if (viewState == 'material') {-->
<!--        // 原料基础库-->
<!--        return [-->
<!--          {-->
<!--            title: '序号', width:'80px',-->
<!--            align: 'center',-->
<!--            customRender: (text, record, index) => `${index + 1}`,-->
<!--          },-->
<!--          {-->
<!--            title: '料号',-->
<!--            dataIndex: 'materialCode'-->
<!--          },-->
<!--          {-->
<!--            title: '物料名称',-->
<!--            dataIndex: 'materialName'-->
<!--          },-->
<!--          {-->
<!--            title: '规格',-->
<!--            dataIndex: 'materialModelNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '图片',-->
<!--            dataIndex: 'image',-->
<!--            customRender: (text, record, index) => this.$util.createFcImage(this.$createElement, text)-->
<!--          },-->
<!--          {-->
<!--            title: '库存',-->
<!--            dataIndex: 'inventoryNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '预警值',-->
<!--            dataIndex: 'inventoryWarningValue'-->
<!--          },-->
<!--          {-->
<!--            title: '归属公司',-->
<!--            dataIndex: 'orgIdCompanyName',-->
<!--            ellipsis: false,-->
<!--          },-->
<!--          {-->
<!--            title: '供应商',-->
<!--            dataIndex: 'orgIdSupplierName',-->
<!--            ellipsis: false,-->
<!--          },-->
<!--          {-->
<!--            title: '操作',-->
<!--            dataIndex: 'actionMaterial',-->
<!--            scopedSlots: {customRender: 'actionMaterial'}-->
<!--          }-->
<!--        ]-->
<!--      } else if (viewState == 'product') {-->
<!--        // 产品基础库-->
<!--        return [-->
<!--          {-->
<!--            title: '序号', width:'80px',-->
<!--            align: 'center',-->
<!--            customRender: (text, record, index) => `${index + 1}`,-->
<!--          },-->
<!--          {-->
<!--            title: '料号',-->
<!--            dataIndex: 'materialCode'-->
<!--          },-->
<!--          {-->
<!--            title: '产品名称',-->
<!--            dataIndex: 'materialName'-->
<!--          },-->
<!--          {-->
<!--            title: '规格',-->
<!--            dataIndex: 'materialModelNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '图片',-->
<!--            dataIndex: 'image',-->
<!--            customRender: (text, record, index) => this.$util.createFcImage(this.$createElement, text)-->
<!--          },-->
<!--          {-->
<!--            title: '库存',-->
<!--            dataIndex: 'inventoryNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '预警值',-->
<!--            dataIndex: 'inventoryWarningValue'-->
<!--          },-->
<!--          {-->
<!--            title: '归属公司',-->
<!--            dataIndex: 'orgIdCompanyName',-->
<!--            ellipsis: false,-->
<!--          },-->
<!--          {-->
<!--            title: '操作',-->
<!--            dataIndex: 'actionProduct',-->
<!--            scopedSlots: {customRender: 'actionProduct'}-->
<!--          }-->
<!--        ]-->
<!--      } else if (viewState == 'packing') {-->
<!--        // 包材基础库-->
<!--        return [-->
<!--          {-->
<!--            title: '序号', width:'80px',-->
<!--            align: 'center',-->
<!--            customRender: (text, record, index) => `${index + 1}`,-->
<!--          },-->
<!--          {-->
<!--            title: '料号',-->
<!--            dataIndex: 'materialCode'-->
<!--          },-->
<!--          {-->
<!--            title: '名称',-->
<!--            dataIndex: 'materialName'-->
<!--          },-->
<!--          {-->
<!--            title: '规格',-->
<!--            dataIndex: 'materialModelNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '尺寸',-->
<!--            dataIndex: 'extend1'-->
<!--          },-->
<!--          {-->
<!--            title: '图片',-->
<!--            dataIndex: 'image',-->
<!--            customRender: (text, record, index) => this.$util.createFcImage(this.$createElement, text)-->
<!--          },-->
<!--          {-->
<!--            title: '库存',-->
<!--            dataIndex: 'inventoryNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '预警值',-->
<!--            dataIndex: 'inventoryWarningValue'-->
<!--          },-->
<!--          {-->
<!--            title: '归属公司',-->
<!--            dataIndex: 'orgIdCompanyName',-->
<!--            ellipsis: false,-->
<!--          },-->
<!--          {-->
<!--            title: '供应商欠货数量',-->
<!--            dataIndex: 'owed_quantity',-->
<!--          },-->
<!--          {-->
<!--            title: '操作',-->
<!--            dataIndex: 'actionMaterial',-->
<!--            scopedSlots: {customRender: 'actionMaterial'}-->
<!--          }-->
<!--        ]-->
<!--      } else if (viewState == 'cable') {-->
<!--        // 线缆基础库-->
<!--        return [-->
<!--          {-->
<!--            title: '序号', width:'80px',-->
<!--            align: 'center',-->
<!--            customRender: (text, record, index) => `${index + 1}`,-->
<!--          },-->
<!--          {-->
<!--            title: '料号',-->
<!--            dataIndex: 'materialCode'-->
<!--          },-->
<!--          {-->
<!--            title: '名称',-->
<!--            dataIndex: 'materialName'-->
<!--          },-->
<!--          {-->
<!--            title: '颜色',-->
<!--            dataIndex: 'extend3'-->
<!--          },-->
<!--          {-->
<!--            title: '规格',-->
<!--            dataIndex: 'extend4'-->
<!--          },-->
<!--          {-->
<!--            title: '图片',-->
<!--            dataIndex: 'image',-->
<!--            customRender: (text, record, index) => this.$util.createFcImage(this.$createElement, text)-->
<!--          },-->
<!--          {-->
<!--            title: '库存',-->
<!--            dataIndex: 'inventoryNumber'-->
<!--          },-->
<!--          {-->
<!--            title: '预警值',-->
<!--            dataIndex: 'inventoryWarningValue'-->
<!--          },-->
<!--          {-->
<!--            title: '米重',-->
<!--            dataIndex: 'extend5'-->
<!--          },-->
<!--          {-->
<!--            title: '外径',-->
<!--            dataIndex: 'extend6'-->
<!--          },-->
<!--          {-->
<!--            title: '操作',-->
<!--            dataIndex: 'actionMaterial',-->
<!--            width: '350px',-->
<!--            scopedSlots: {customRender: 'actionMaterial'}-->
<!--          }-->
<!--        ]-->
<!--      } else {-->
<!--        return []-->
<!--      }-->

<!--    }-->
<!--  },-->
<!--  watch: {-->
<!--    type() {-->
<!--      // console.log(`watch type`)-->
<!--      this.queryParam = {}-->
<!--      this.$refs.table.refresh()-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    del(record) {-->
<!--      del(record).then((res) => {-->
<!--        if (res.success) {-->
<!--          this.$message.success('删除成功')-->
<!--          this.$refs.table.refresh()-->
<!--        } else {-->
<!--          this.$message.error('删除失败：' + res.message)-->
<!--        }-->
<!--      }).catch((err) => {-->
<!--        this.$message.error('删除错误：' + err.message)-->
<!--      })-->
<!--    },-->
<!--    toggleAdvanced() {-->
<!--      this.advanced = !this.advanced-->
<!--    },-->
<!--    handleOk() {-->
<!--      this.$refs.table.refresh()-->
<!--    },-->
<!--    onSelectChange(selectedRowKeys, selectedRows) {-->
<!--      this.selectedRowKeys = selectedRowKeys-->
<!--      this.selectedRows = selectedRows-->
<!--    },-->
<!--    preview(url) {-->
<!--      this.previewVisible = true-->
<!--      this.previewImage = url-->
<!--    },-->
<!--  },-->
<!--  created() {-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="less">-->
<!--.table-operator {-->
<!--  margin-bottom: 18px;-->
<!--}-->

<!--button {-->
<!--  margin-right: 8px;-->
<!--}-->

<!--.table-image {-->
<!--  cursor: pointer;-->
<!--  max-width: 100px;-->
<!--  max-height: 50px;-->
<!--  border: solid 1px #cccccc;-->
<!--}-->
<!--</style>-->
